import { HomePage } from './pages/Home/Home.page';
import { ChatPage } from './pages/Chat/Chat.page';
import { LoginPage } from './pages/Login/Login.page';
import { RegisterPage } from './pages/Register/Register.page';
import React from 'react';
import { createBrowserRouter, RouterProvider } from 'react-router-dom';
import { AppShell } from '@mantine/core';

const router = createBrowserRouter([
  {
    path: '/',
    element: <ChatPage />,
  },
  {
    path: '/chat',
    element: <ChatPage />,
  },
  {
    path: '/settings',
    element: <div>Settings Page</div>,
  },
  {
    path: '/profile',
    element: <div>Profile Page</div>,
  },
  {
    path: '/register',
    element: <RegisterPage />,
  },
  {
    path: '/login',
    element: <LoginPage />,
  },
]);

export function Router() {
  return (
    <AppShell>
      <RouterProvider router={router} />
    </AppShell>
  );
}
